/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width,.container-width-900,.container-width-860{padding: 0 15px;}
}



/* ---------------导航--------------- */
.header-index{z-index: 3; width: 100%;}

.logo{float: left;padding: 10px 0;}
.logo img{max-width: 100%;}

@media(max-width: 768px) {
	.logo{padding: 5px 0; width:60%;}
	.logo img{height: 40px; width: auto;}
}
@media(max-width: 480px) {
	.logo{width:65%;}
}

/* nav */
.nav{float: left; padding-left: 20px;}
.nav ul li{position: relative; float:left; padding: 0 14px; text-align: center;}
.nav ul li a{display:block; line-height: 90px; border-top: 3px solid transparent; font-size: 16px;}
.nav ul li a.on{color: #46a26d; border-top: 3px solid #46a26d;}
.nav ul li:hover a{color: #46a26d;border-top: 3px solid #46a26d;}
@media (max-width:1400px){
}
@media (max-width:1250px){
	.nav{display: none;}
}
/*  */
.site-language{position: relative; float: right; margin-top: 40px; padding: 0px 5px; font-family: arial;color: #999; font-size:16px;}
.site-language a{color: #999;}
.site-language a.on{color: #46a26d; font-weight: 600;}
.site-language a:hover{color: #46a26d;}
@media (max-width:1250px){
	.site-language{margin-right: 15px; margin-top: 30px;}
}
@media (max-width:768px) {
	.site-language{margin-right: 10px; margin-top: 17px;}
}
@media (max-width:480px) {
	.site-language{margin-right: 0px; font-size:14px;}
}

/* open */
.navbar-open {float: right; width: 30px; height: 70px;  cursor: pointer;display: none; margin-top: 3px;}
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 23px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}

/*  */
@media (max-width:1250px){
	.navbar-open {display: block;}
}
@media(max-width: 768px) {
	.navbar-open {height: 50px;display: block;margin-top:1px;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:first-child {margin-top: 16px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}
@media(max-width: 640px) {
	.navbar-open {margin-top: 0;}
}
/* -----------手机-------------- */
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;background-color:#555;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { width: 100%; height: 100%;  text-align: center;}
.m-navmenu ul{display: block;height: 100%; display: flex;align-items: center; justify-content: center;}
.m-navmenu ul li { float: left; padding:20px;}
.m-navmenu ul li a {color: #fff;font-size: 18px;}

@media (max-width:768px) {
	.m-navmenu ul{display: inherit; padding-top: 80px;}
	.m-navmenu ul li { float: none;padding: 0 0 15px 0;}
	.m-navmenu ul li a {color: #fff;font-size: 18px;}
}
/*  */
.m-site-language{position: absolute; top: 10px; left: 10px; padding: 5px 10px;  border-radius: 30px; background-color: #fff; font-family: arial;display: none;}
.m-site-language a.on{color:  #46a26d;}
.m-site-language a:hover{color:  #46a26d;}
@media (max-width:768px) {
	.m-site-language{display: block;}
}
/* close */
.m-navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.m-navbar-close span:first-child {transform: rotate(45deg);}
.m-navbar-close span:last-child {transform: rotate(-45deg);}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}
/* =================footer================ */

/* footer */
.footer{padding: 30px 0 20px; background-color: #222325; color: #faefb6;}

.footer-logo{float: left; width: 25%;}

.footer-link{float: left; width: 25%;}
.footer-link h3{padding-bottom: 15px;font-size: 16px; color: #fff;}
.footer-link p{line-height: 24px; width: 100%; font-size: 14px;}
.footer-link p a{color:#bbbbbb; width: 50%; display: inline-block;}

.footer-contact{float: left; width: 25%;}
.footer-contact h3{padding-bottom: 15px;font-size: 16px; color: #fff;}
.footer-contact p{color:#bbbbbb; font-size: 14px; line-height: 24px;}

.footer-ewm{float: right; width: 25%; text-align: center; color: #fff; padding-bottom: 15px;}
.footer-ewm h3{padding-bottom: 15px;font-size: 16px; color: #fff;}

.footer-copyright{border-top: 1px solid #585858; padding: 15px 0 0; font-size: 14px;color: #999999; margin-top: 20px; text-align: center;}
.footer-copyright a{color: #999999; margin-left: 10px;}
.footer-copyright a:hover{color: #fff; }

@media screen and (max-width:980px) {
	.footer-logo,.footer-link,.footer-contact,.footer-ewm{ width: 50%;}
	.footer-logo,.footer-link{margin-bottom: 30px;}
}
@media (max-width:768px) {
	.footer-logo,.footer-link,.footer-contact,.footer-ewm{width: 100%; text-align: left;}
	.footer-ewm{padding-top: 30px;}
	.footer-copyright .footer-nav{width: 100%;}
}
.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #F4F4F4; text-align: center;}
.site-copyright a{color: #777;}
@media (max-width:768px) {
	.site-copyright{line-height: 25px;}
}
/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #BE1D21; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 12px;}
.window-service-tel,
.window-service-wx{opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .3s;}
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: 1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; font-family: arial;  background-color: #BE1D21;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #BE1D21; border-radius: 4px; background-color:#BE1D21;}
.window-service-wx h3{color: #fff; font-size: 14px;}
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx{opacity: 1; visibility: visible; transform: translateX(0)}

@media(max-width:768px){
.window-service{display: none;}
}